*{
    margin: 0;
    padding: 0;
}
#app {
    margin: 0;
    padding: 0;
    height: 100%;
    /*min-width: 1200px;*/
}
html {
    height: 100%;
    font-size: 625%;
    /*100 ÷ 16 × 100% = 625% ,使用625而不是使用62.5是因为chrome最小字体是12px*/
}
body {
    position: relative;
    height:100%;
    font-size: 0.16rem;
    font-family: 'Microsoft YaHei',sans-serif;
    margin: 0;
    overflow: hidden;
}
a {
    text-decoration: none;
    color: #000;
}

li {
    list-style: none;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    /* 照顾IE浏览器,IE不支持after */
    *zoom: 1;
}

.el-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
}
.phone-view{
    width:345px;
    min-width:0!important;
}
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background: transparent;
    margin-left: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px; /*滚动条的圆角*/
    background-color: #ccc; /*滚动条的背景颜色*/
}
::-webkit-scrollbar-track {
    border-radius: 3px; /*滚动条的背景区域的圆角*/
}
::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}
::-webkit-scrollbar-thumb:active {
    cursor: pointer;
}


@media screen and (max-width: 414px) {
    html {
        font-size: 18px
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 16px
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 12px
    }
}

